<template>
    <div>
        <el-row :gutter="20">
            <el-col :span="6"><div class="grid-content bg-purple mm"><router-link :to="'/order'" tag="span">订单</router-link></div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple mm"><router-link :to="'/sale-chance'" tag="span">销售机会</router-link></div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple mm">客户</div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple mm">销售员</div></el-col>
        </el-row>
        <div>
            <router-view/>
        </div>

    </div>
</template>

<script>
    export default {
        name: "MainMenu"
    }
</script>

<style scoped>
.mm{
    text-align: center;

}
</style>